<template>
  <div class="movie">
    <h1>我想看的电影名字必须是4-6的长度</h1>
    <ul>
      <li v-for="movie in myMovieList" :key="movie.tvId">
        {{ movie.albumName }}
      </li>
    </ul>

    <br />
    <h1>我想看的电影名字必须是我传递的长度</h1>
    <ul>
      <li v-for="movie in yourMovieList" :key="movie.tvId">
        {{ movie.albumName }}
      </li>
    </ul>
  </div>
</template>

<script>
// import { mapGetters } from "vuex";
export default {
name: "Movie",
computed:{
  // ...mapGetters(["myMovieList"]),
   myMovieList() {
      return this.$store.getters.myMovieList;
    }, 

    yourMovieList(){
      return this.$store.getters.yourMovieList({ start: 2, end: 4 })
    }
}
}
</script>

<style>
.movie {
  background: tomato;
  margin: 30px;
}
</style>